<template>
  <div class="dashboard-container">
    <div class="dashboard-text">name: {{ name }}</div>
    <div class="chart-container">
      <chart height="100%" width="100%" />
    </div>
  </div>
</template>

<script>
  import Chart from '@/components/Charts/LineMarker'
  import { mapGetters } from 'vuex';
  import VeLine from 'v-charts/lib/line.common';

  export default {
    name: '爱宠问诊后台管理', // Update the name here
    components: { VeLine,Chart },
    computed: {
      ...mapGetters(['name']),

    }
  }




</script>

<style lang="scss" scoped>

  .dashboard {
    &-container {
      margin: 30px;
    };
    &-text {
      font-size: 30px;
      line-height: 46px;
    };
  };
  .chart-container{
    position: relative;
    width: 100%;
    height: calc(100vh - 84px);
  }

</style>
